<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!--  第一步.引入vue.js -->
		
		<!-- 使用cdn方式 -->
		<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
		<!-- 使用本地文件方式 -->
		<!-- <script src="vue.global.js"></script> -->
	</head>
	<body>
		<!-- 第二步.创建一个div 作为视图 -->
		<div id="app">
			{{message}} 小王<br />
			
		</div>
		<script id="tp1" type="text/x-template">
			{{message}} 小李<br />
		</script>
		
		<script>
			// template 如果提供了template选项 渲染使徒界面的
			var app = Vue.createApp({
				template:"#tp1",
				data(){
					return {
						"message":"Hello Vue!",	
					}
				}
			});
			
			// 第四步： 把app挂载到视图上
			var vm = app.mount("#app")
			
			
		</script>
		
	</body>
</html>
